<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Simulação de Sistemas P2P</title>

<link href="layout.css" rel="stylesheet" type="text/css">

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/highcharts.js" type="text/javascript"></script>
<script src="simulador.js" type="text/javascript"></script>
<script src="eventos.js" type="text/javascript"></script>
<script src="main.js" type="text/javascript"></script>
<script src="cenarios.js" type="text/javascript"></script>

</head>
<body>

<div id="wrapper">

	<h1>Simulação de Sistemas P2P</h1>

	<div id="alunos">
	<h2>Avaliação e Desempenho</h2>
	<h3>Grupo 1</h3>
	<ul>
		<li>Patrícia Borges</li>
		<li>Mariam Afonso</li>
		<li>Cecília Braga</li>
	</ul>
	</div>

	<div id="parametros">
	<h2>Parâmetros</h2>
	<table>
		<tr>
			<th title="Taxa de chegada de peers externos">&lambda;:</th><td><input alt="title" id="lambda" type="text" value="0.9"> (peers/s)</td>
			<th title="Taxa de Upload do publisher">U:</th><td><input id="u" type="text" value="1.0"> (blocos/s)</td>
			<th title="Intervalo de tempo para amostragem">dt:</th><td><input id="dt" type="text" value="15"></td>
		</tr>
		<tr>
			<th title="Quantidade de blocos do arquivo">B:</th><td><input id="b" type="text" value="1"> (blocos)</td>
			<th title="Taxa de saída de seeds">&gamma;:</th><td><input id="gamma" type="text" value="inf"> (1/s) [inf = &infin;]</td>
			<th title="número de rodadas">Rodadas:</th><td><input id="rodadas" type="text" value="5"></td>
		</tr>
		<tr>
			<th title="Taxa de Upload do peer">&micro;:</th><td><input id="mi" type="text" value="1.0"> (blocos/s)</td>
			<th title="Probabilidade de aceitação de recomendação de download">p:</th><td><input id="p" type="text" value="0.0"></td>
			<th title="Quantidade de eventos por rodada">Eventos/rodada:</th><td><input id="qtd_eventos" type="text" value="10000"></td>
		</tr>
		<tr>
			<th title="Intervalo de N0 (população inicial de peers)">N<sub>0:</sub></th><td><input id="n0" type="text" size="7" value="0"><input id="n0_fim" size="7" type="text" value=""> (peers)</td>
			<th title="Política de escolha de bloco para download">Política:</th>
			<td>
				<select id="politica_escolha_bloco">
				<option value="1">Bloco Aleatório</option>
				<option value="2">Bloco Mais Raro</option>
				</select>
			</td>
		</tr>
		<tr>
			<th title="Quantidade de blocos que os peers de N0 possuem">Blocos iniciais:</th><td><input id="blocos_iniciais" type="text" value="0"></td>
		</tr>
	</table>
	<span class="dica">Dica: Passe o mouse em cima do parâmetro para saber o que ele significa.</span>
	</div>
	<br/>
	<h2>Exemplos de Cenário</h2>
	<div class="clear"></div>
	<div class="">
		<input type="button" value="Cenário 1.1" onclick="preenche_cenario('11');">
		<input type="button" value="Cenário 1.2" onclick="preenche_cenario('12');">
		<input type="button" value="Cenário 1.3" onclick="preenche_cenario('13');">

		<input type="button" value="Cenário 2.1" onclick="preenche_cenario('21');">
		<input type="button" value="Cenário 2.2" onclick="preenche_cenario('22');">
		<input type="button" value="Cenário 2.3" onclick="preenche_cenario('23');">

		<input type="button" value="Cenário 3" onclick="preenche_cenario('3');">
		<input type="button" value="Cenário 4" onclick="preenche_cenario('4');">
		<input type="button" value="Cenário 5" onclick="preenche_cenario('5');">
		<input type="button" value="Cenário 6" onclick="preenche_cenario('6');">
	</div>
	<br/>
	<input id="run" type="button" value="Rodar simulação" onclick="run_from_params();">

	<h2>Status do Simulador</h2>
	<table id="status">
		<tr><th>Estado:</th><td id="estado">Parada.</td></tr>
		<tr><th>N0:</th><td id="n0_atual">-</td></tr>
		<tr><th>Tempo da fase transiente:</th><td id="tempo_fase_transiente">-</td></tr>
		<tr><th>Tempo atual:</th><td id="tempo_atual">-</td></tr>
		<tr><th>Rodada atual:</th><td id="rodada_atual">-</td></tr>
		<tr><th>Fila de eventos:</th><td id="fila_eventos">-</td></tr>
		<tr><th>Total de tentativas de upload:</th><td id="total_tentativas_upload">-</td> 
		<tr><th>Uploads com sucesso:</th><td id="uploads_sucesso">-</td> 
		<tr><th>Uploads sem sucesso (falta de peer):</th><td id="uploads_sem_sucesso_peer">-</td> 
		<tr><th>Uploads sem sucesso (falta de bloco):</th><td id="uploads_sem_sucesso_bloco">-</td> 
		</tr>
	</table>
	<br/>
	<h2>Resultados</h2>
	<table>
		<tr>
			<td id="estat_tempo_download"></td>
			<td>&nbsp;</td>
			<td id="estat_vazao"></td>
		</tr>
	</table>
	<div id="graficos">
		<br/>
		<div id="vazao" class="eh_grafico" style="width: 100%;"></div>
		<br/>
		<div id="hist_nr_peers" class="eh_grafico" style="width: 100%; height: 300px;"></div>
		<br/>
		<br/>
		<div id="tempo_download" class="eh_grafico" style="width: 50%; height: 300px; float: left;"></div>
		<div id="tempo_download_rodadas" class="eh_grafico" style="width: 50%; height: 300px; float: left;"></div>
		<br/>
		<br/>
		<div class="clear"></div>
		<br/>
		<div id="peers_seeds_per_second" class="eh_grafico" style="width: 100%;"></div>
		<br/>
		<br/>
		<div id="tempo_download_per_second" class="eh_grafico" style="width: 100%;"></div>
		<br/>
	</div>

</div>

</body>
</html>
